<template>
	<view class="uni-comment-list" :class="{'u-comment-list-child':(item.fid>0)}">
		<view class="uni-comment-face"><image :src="item.userpic" mode="widthFix" lazy-load></image></view>
		<view class="uni-comment-body">
			<view class="uni-comment-top"><text>{{item.username}}</text></view>
			<view class="uni-comment-content">{{item.data}}</view>
			<view class="uni-comment-date">
				<view>{{item.time}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item: Object,
			index:Number
		}
	}
</script>

<style scoped lang="scss">
	.u-comment-list-child {
		padding: 20upx;
		width: auto;
		background-color: #bbb;
		box-sizing: border-box;
		border-bottom: 1px solid #eee;
		margin-left: 70upx;
	}
</style>
